<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>QT ITB Programming Contest 2011</title> 		
		<link rel="image_src" href="images/logo_round.jpg" />
		<meta property="og:image" content="images/logo_round.jpg"/>
		<link rel="image_src" href="http://itbpc.org/itbpc_lite/images/logo_round.jpg" />
		<meta property="og:image" content="http://itbpc.org/itbpc_lite/images/logo_round.jpg"/>
		<meta name="description" 	content="ITBPC 2011 adalah kontes pemrograman dan seminar tahunan yang diselenggarakan oleh Program Studi Teknik Informatika ITB.">
		<meta name="keywords"		content="ITBPC, ITBPC 2011, ITBPC 2010, ITB Programming Contest 2010, ITB Programming Contest 2011">
		<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="themes/ui-darkness/jquery.ui.all.css" media="screen">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="icon" href="favicon.ico">
		<!--<link rel="icon" type="image/gif" href="animated_favicon1.gif">-->
	
		<!--<script type="text/javascript" src="countdown.js"></script>-->
		<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="jquery-ui-1.8.11.custom.min.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.accordion.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.tabs.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.button.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.mouse.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.draggable.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.position.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.selectable.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.datepicker.js"></script>
		<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
		<script type="text/javascript" src="jquery.dimensions.min.js"></script>
		<script type="text/javascript" src="jquery.tooltip.js"></script>
		<link type="text/css" rel="stylesheet" href="skins/tn3/tn3.css"></link>

		<!-- include tn3 plugin -->
		<script type="text/javascript" src="js/jquery.tn3lite.min.js"></script>

		
		
		<script type="text/javascript">
			/* GOOGLE ANALYTIC*/
			  var _gaq = _gaq || [];
			  _gaq.push(['_setAccount', 'UA-24324301-1']);
			  _gaq.push(['_trackPageview']);

			  (function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();

		</script>

		<script type="text/javascript">
		/***********************************************
		* Universal Countdown script- ? Dynamic Drive (http://www.dynamicdrive.com)
		* This notice MUST stay intact for legal use
		* Visit http://www.dynamicdrive.com/ for this script and 100s more.
		***********************************************/
			function cdLocalTime(container, servermode, offsetMinutes, targetdate, debugmode){
				if (!document.getElementById || !document.getElementById(container)) return
				this.container=document.getElementById(container)
				var servertimestring=(servermode=="server-php")? '<? print date("F d, Y H:i:s", time())?>' : (servermode=="server-ssi")? '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' : '<%= Now() %>'
				//this.localtime=this.serverdate=new Date(servertimestring)
				// this.localtime=this.serverdate=new Date()
				this.localtime=this.serverdate=new Date('<?php echo date("F d, Y H:i:s", time())?>')
				this.targetdate=new Date(targetdate)
				//this.debugmode=(typeof debugmode!="undefined")? 1 : 0
				this.debugmode=0
				this.timesup=false
				this.localtime.setTime(this.serverdate.getTime()+offsetMinutes*60*1000) //add user offset to server time
				this.updateTime()
			}
			 
			cdLocalTime.prototype.updateTime=function(){
				var thisobj=this
				this.localtime.setSeconds(this.localtime.getSeconds()+1)
				setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
			}
			 
			cdLocalTime.prototype.displaycountdown=function(baseunit, functionref){
				this.baseunit=baseunit
				this.formatresults=functionref
				this.showresults()
			}
			 
			cdLocalTime.prototype.showresults=function(){
				var thisobj=this
				var debugstring=""
				var debugstring=(this.debugmode)? "<p style=\"background-color: #FCD6D6; color: black; padding: 5px\"><big>Debug Mode on!</big><br /><b>Current Local time:</b> "+this.localtime.toLocaleString()+"<br />Verify this is the correct current local time, in other words, time zone of count down date.<br /><br /><b>Target Time:</b> "+this.targetdate.toLocaleString()+"<br />Verify this is the date/time you wish to count down to (should be a future date).</p>" : ""
				 
				var timediff=(this.targetdate-this.localtime)/1000 //difference btw target date and current date, in seconds
				if (timediff<0){ //if time is up
					this.timesup=true
					this.container.innerHTML=debugstring+this.formatresults()
					return
					}
					
				var oneMinute=60 //minute unit in seconds
				var oneHour=60*60 //hour unit in seconds
				var oneDay=60*60*24 //day unit in seconds
				var dayfield=Math.floor(timediff/oneDay)
				var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
				var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
				var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
				if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
					hourfield=dayfield*24+hourfield
					dayfield="n/a"
					}
				else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
					minutefield=dayfield*24*60+hourfield*60+minutefield
					dayfield=hourfield="n/a"
					}
				else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
					var secondfield=timediff
					dayfield=hourfield=minutefield="n/a"
					}

				this.container.innerHTML=debugstring+this.formatresults(dayfield, hourfield, minutefield, secondfield)
				setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
			}
			 
			/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
			 
			//Create your own custom format function to pass into cdLocalTime.displaycountdown()
			//Use arguments[0] to access "Days" left
			//Use arguments[1] to access "Hours" left
			//Use arguments[2] to access "Minutes" left
			//Use arguments[3] to access "Seconds" left
			 
			//The values of these arguments may change depending on the "baseunit" parameter of cdLocalTime.displaycountdown()
			//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
			//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc

			 
			//2) Display countdown with a stylish LCD look, and display an alert on target date/time
			function formatresults2(){
				if (this.timesup==false){ //if target date/time not yet met
					var displaystring="<span style='font-size:90%;text-align:center;font-color:DDDDDD;'>"+arguments[0]+" <sup>hari</sup> "+arguments[1]+" <sup>jam</sup> "+arguments[2]+" <sup>menit</sup> "+arguments[3]+" <sup>detik</sup> </span>"
				}
				else{ //else if target date/time met
				// var displaystring="sedang berlangsung" 
				var displaystring=""
				//alert("Launch time!") //Instead, perform a custom alert
			}
			return displaystring
			}

		</script>
		<script type="text/javascript">
<!-- KAMUS -->

<!-- FUNCTION -->
		
<!-- MAIN PROGRAM -->
			$(document).ready(function() {
				function goToByScroll(id){
					$('html,body').animate({
						scrollTop: $(id).offset().top
					},'slow');
				};
				
				//$("#selectable").selectable();
				$(".tabs").tabs({
					selected: 0,
				});
				
			
				var homeHeight = 6060; //ganti ininya aja
				$("#home").height(homeHeight);
							
				//klik tab
				$("a[href='#itbpc2011']").live("click", function () {
					$("a[href='#itbpc2011']").addClass('all-ui-selected');
					$("a[href='#itbpc2010']").removeClass('all-ui-selected');
					goToByScroll("#news1_title");
					
					$("#home").height(homeHeight);
					$("#news1").hide('slow');
					$("#news1").load("news1.php");
					$("#news1").show('slow');
					
				});
				
				$("a[href='#itbpc2010']").live("click", function () {
					$("a[href='#itbpc2010']").addClass('all-ui-selected');
					$("a[href='#itbpc2011']").removeClass('all-ui-selected');
					goToByScroll("#news1_title");
					
					$("#news1").hide('slow');
					$("#home").height(homeHeight + 620);
					$("#news1").load("itbpc2010.php");	
					$("#news1").show('slow');					
					
				});

				$("a[href='#itbspc']").live("click", function () {
					$(".tabs").tabs({
						selected: 1,
					});					
					goToByScroll(".content");
				});
				
				$("a[href='#itbjpc']").live("click", function () {
					$(".tabs").tabs({
						selected: 2,
					});					
					goToByScroll(".content");
				});
				
				$("a[href='#seminar']").live("click", function () {
					$(".tabs").tabs({
						selected: 3,
					});					
					goToByScroll(".content");
				});
				
				$("a[href='#iffair']").live("click", function () {
					$(".tabs").tabs({
						selected: 3,
					});					
					goToByScroll(".content");
				});
				
				$("a[href='#menupeserta']").live("click", function () {
					$(".tabs").tabs({
						selected: 6,
					});					
					goToByScroll(".content");
				});

				//KLIK SIDEBAR UNTUK TAB APAPUN.. KEREN KAN GW! // Lisa
				function goToMenu(menu){
					
					var filename= menu.substring(1) + ".php"; 			//contoh: itbspc_deskripsi.php
					var parentid= menu.split("_", 1);	//contoh: #itbspc
					var id;
					if (menu == parentid)
						id = menu+"_deskripsi";					//contoh: #itbspc_deskripsi		
					else
						id = menu;
					var container= parentid + "_isi";		//contoh: #itbspc_isi
					//alert(menu +" "+filename +" "+id+" "+parentid+" "+container);
					
					$(parentid + " #selectable li a").removeClass("ui-selected");
					$(parentid + " #selectable li").removeClass("ui-selected");
					$("a[href='"+id+"']").parent().addClass("ui-selected");
					$("a[href='"+id+"']").addClass("ui-selected");
					
					$(container).load(filename);
					
					if (parentid == "#itbspc") {
						$(".tabs").tabs({
							selected: 1,
						});	
						goToByScroll(".content");
					}
					else if (parentid == "#itbjpc"){
						$(".tabs").tabs({
							selected: 2,
						});	
						goToByScroll(".content");
					}
					else if (parentid == "#iffair"){
						$(".tabs").tabs({
							selected: 3,
						});	
						goToByScroll(".content");
					}
					else if (parentid == "#menupeserta"){
						$(".tabs").tabs({
							selected: 6,
						});	
						goToByScroll(".content");
					}
					
					
					
				};
				
				//KLIK SIDEBAR MENU DI MASING-MASING TAB
				$("#selectable li a").live('click', function () {
					goToMenu($(this).attr('href'));
					goToByScroll(".content");
				});
				
				$(".news a").live('click', function () {
					var menu = $(this).attr('href');
					goToMenu(menu);
					
				});
				
				
				//klik contact us
				$("#linkToContact").live("click", function () {
					goToByScroll("#contact");
				});
				
				//SAM >> mau dipake tapi ketimpa cssnya
				$("#goToContact").live("click", function () {
					goToByScroll("#contact");
				});
				
				
				$( "#datepicker" ).datepicker({
					showOtherMonths		: true,
					selectOtherMonths	: true,
					dateFormat			: 'yy-mm-dd',
					defaultDate			: '11-11-05',
					currentText			: 'ITBSPC: Final Onsite',
					showButtonPanel		: true
				});
				
			});
			
			
			</script>
		
	</head>
<!-- BODY -->	
	<body>
	<div class="all">
<!-- HEADER -->	
		<div class="header">
			
			<img id="hd_img_qt" src="images/qt-logo.png" align="left" style="width: 20%;"/>
			<img id="hd_img_1" src="images/logo.png" align="left"/>
			
			<div id="hd_txt">
				<!--<div id="hd_txt_1">COMING <span id="hd_txt_2">(NOT SO) </span>SOON!!</div>-->
		
				<div id="hd_txt_2">
					ITB Programming Contest 2012
					<!--Babak Final ITBPC 2011-->
				</div>
				<div id="hd_txt_3">
					Coming Soon ! <br/>
					Q3 2012
					<!--dimulai dalam : --><!--Daftar sekarang! <br />
					<a href="#itbspc_pendaftaran">ITBSPC</a> | 
					<a href="#itbjpc_pendaftaran">ITBJPC</a> |
					<a href="#secpd_pendaftaran">Seminar</a><br />-->
				</div>

				<div id="countdown_daftar"></div>



					<script type="text/javascript">
					var cd_ioi=new cdLocalTime("countdown_daftar", "server-php", 0, "November 8, 2011 00:00:00", 0)
					cd_ioi.displaycountdown("days", formatresults2)
					</script> 
					
				<div>	
					<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fitbpc&amp;
							layout=button_count&amp;
							show_faces=true&amp;
							width=450&amp;
							action=like&amp;
							font&amp;
							colorscheme=light&amp;"
							
						scrolling="no" 
						frameborder="0" 
						style="border:none; 
							position: absolute;
							align	: center;
							margin-top: 5px;
							margin-left: 90px;
							height	:20px;" 
						allowTransparency="true">
					</iframe>
				</div>
				
				
			</div>	
		
		
		</div>
<!-- CONTENT -->
		<!--<hr />-->
		<div class ="hr"></div>
		<div class ="content">
			
			
			
			<div class="tabs" style="filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
			-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
			box-shadow:0 1px 2px rgba(0,0,0,.4);" >
					<ul style="
			-moz-border-radius: 6px 6px 0px 0px ;
			-webkit-border-radius: 6px 6px 0px 0px ;
			border-radius: 6px 6px 0px 0px ;
			
			">
						<li id="home_tab">	<a href="#home">	<span class='ui-icon ui-icon-home' style="float: left"></span>
																	
																</span></a></li>
						<li id="itbspc_tab"><a href="#itbspc">	<span>Senior PC</span>
						<li id="itbjpc_tab"><a href="#itbjpc">	<span>Junior PC</span>
						<li id="secpd_tab"><a href="#secpd">	<span>IT Fair</span>
						
						
						<!--<li id="faq"><a href="itbpc_sponsorship.php"><span>Sponsorship</span></a></li>-->
						<!--<li id="faq"><a href="gallery.php"><span>Galeri Foto</span></a></li>-->
						<li id="faq"><a href="boe.php">	<span>Board Of Experts</span></a></li>
						<li id="faq"><a href="faq.php">	<span>FAQ</span></a></li>
						<li id="faq">	<a href="menupeserta.php"><span>Login</span></a></li>
						
					</ul>
					
					<!--___________________________________________________________________________________-->
					
					<div id="home">
						<!--div id="datepicker"></div-->
						<div class="news">
							<div id="news15final">
								<script>$("#news15final").load("news15final.php");</script>
							</div>
						
							<div id="news14hadiah">
								<script>$("#news14hadiah").load("news14hadiah.php");</script>
							</div>
							
							<div id="news12openitbpc">
								<script>$("#news12openitbpc").load("news12openitbpc.php");</script>
							</div>
							
							<div id="news11qt">
								<script>$("#news11qt").load("news11qt.php");</script>
							</div>
							<div id="news12token">
								<script>$("#news12token").load("news12token.php");</script>
							</div>
							<div id="news13akomodasi">
								<script>$("#news13akomodasi").load("news13akomodasi.php");</script>
							</div>
							<div id="news10">
								<script>$("#news10").load("news10.php");</script>
							</div>
							<div id="news9">
								<script>$("#news9").load("news9.php");</script>
							</div>
							<div id="news8">
								<script>$("#news8").load("news8.php");</script>
							</div>
							
							<div id="news7">
								<script>$("#news7").load("news7.php");</script>
							</div>
							
							<div id="news6">
								<script>$("#news6").load("news6.php");</script>
							</div>
							<hr/>
							<div id="news5">
								<script>$("#news5").load("news5.php");</script>
							</div>
							<hr/>
							<div id="news4">
								<script>$("#news4").load("news4.php");</script>
							</div>
							<div id="news3">
								<script>$("#news3").load("news3.php");</script>
							</div>
							<hr/>
							<div id="news2">
								<script>$("#news2").load("news2.php");</script>
							</div>
							<hr/>
							<br />
							<a id="news1_title" href="#itbpc2011" style="text-align:left" class="all-ui-selected"><b>	ITB Programming Contest 2011</a></b> | 
							<a href="#itbpc2010" style="text-align:right"><b>	ITB Programming Contest 2010</a></b><br />
						
							<div id="news1">
								<script>$("#news1").load("news1.php");</script>
							</div>
						</div>	
						<div class="rightSidebar" id="home_rightSidebar">
							<a href="http://www.twitter.com/itbpc" target="_blank"><img 
								src="images/twitter.png"
								style="
									width	: 50px;
									height	: 50px;"
								title="Follow us on Twitter!"
							></a><br /><br />
							<a href="http://www.facebook.com/itbpc" target="_blank"><img 
								src="images/facebook.png"
								style="
									width	: 50px;
									height	: 50px;"	
								title="Visit our page on Facebook!"
							></a><br/><br />
							<a href="http://www.tokilearning.org" target="_blank"><img 
								src="images/toki.png"
								style="
									width	: 50px;
									height	: 50px;"	
								title="TOKI Learning Center"	
							></a><br/><br/>
							<a 	href="#fragment-4a"
								id="goToContact" 
							><img src="images/contact.png"
								style="
									width	: 50px;
									height	: 50px;"	
								title="Kontak panitia"	 /></a>
							<br/>
						</div>
					</div>
					
					<!--___________________________________________________________________________________-->
					
					<div id="itbspc">
						<div class="leftSidebar" id="itbspc_leftsidebar">
							<ol id="selectable" style="font-size: 12pt; font-weight: bold">
								<li class="ui-widget-content ui-selected"><a class="ui-selected"href="#itbspc_deskripsi">Deskripsi</a></li>
								<li class="ui-widget-content"><a href="#itbspc_peraturan">Peraturan & Regulasi</a></li>
								<li class="ui-widget-content"><a href="#itbspc_pendaftaran">Pendaftaran</a></li>
								<li class="ui-widget-content"><a href="#itbspc_peserta">Peserta</a></li>
								<li class="ui-widget-content"><a href="#itbspc_kontestan">Kontestan</a></li>
								<li class="ui-widget-content"><a href="#itbspc_finalis">Finalis</a></li>
								
							</ol>
						</div>
						<div class="isi" id="itbspc_isi">
							<script>
								$("#itbspc_isi").load("itbspc_deskripsi.php");
							</script>
						</div>
					
					</div>
					
					<!--___________________________________________________________________________________-->
					
					<div id="itbjpc">
						<div class="leftSidebar" id="itbjpc_leftsidebar">
							<ol id="selectable" style="font-size: 12pt; font-weight: bold">
								<li class="ui-widget-content ui-selected"><a class="ui-selected" href="#itbjpc_deskripsi">Deskripsi</a></li>
								<li class="ui-widget-content"><a href="#itbjpc_peraturan">Peraturan & Regulasi</a></li>
								<li class="ui-widget-content"><a href="#itbjpc_pendaftaran">Pendaftaran</a></li>
								<li class="ui-widget-content"><a href="#itbjpc_peserta">Peserta</a></li>
								<li class="ui-widget-content"><a href="#itbjpc_kontestan">Kontestan</a></li>
								<li class="ui-widget-content"><a href="#itbjpc_finalis">Finalis</a></li>
							
							</ol>
						</div>
						<div class="isi" id="itbjpc_isi">
							<script>
								$("#itbjpc_isi").load("itbjpc_deskripsi.php");
							</script>
						</div>
					</div>
					
					<!--___________________________________________________________________________________-->
					
					<div id="secpd">
						<div class="leftSidebar" id="secpd_leftsidebar">
							<ol id="selectable" style="font-size: 12pt; font-weight: bold">
								<li class="ui-widget-content ui-selected"><a class="ui-selected" href="#secpd_deskripsi">Deskripsi</a></li>
								<!--<li class="ui-widget-content"><a href="#secpd_peraturan">Peraturan & Regulasi</a></li>-->
								<!--<li class="ui-widget-content"><a href="#secpd_pendaftaran">Pendaftaran</a></li>-->
								<!--<li class="ui-widget-content"><a href="#secpd_peserta">Peserta</a></li>-->
																
							</ol>
						</div>
						<div class="isi" id="secpd_isi">
							<script>
								$("#secpd_isi").load("secpd_deskripsi.php");
							</script>
						</div>
					
					</div>
					
					<!--___________________________________________________________________________________-->
					
			
					
					<!--___________________________________________________________________________________-->
					
					
					
					<!--___________________________________________________________________________________-->
					
				</div>
		
			
		</div>
		<br />
		
				

		<!--_____________________________________________________-->
		
		<br />
		
		<div id="contact">
			<span id="contact-mail" style="float: left; width: 34%"><span class='ui-icon ui-icon-mail-closed' style="float: left"></span>
				itbpc.official@gmail.com
			</span></span>
			&nbsp&nbsp
			<span id="contact-mail" style="float: left; width: 34%"><!--span class='ui-icon ui-icon-person' style="float: left"--></span><span>
				<span>
					<a href = 'ymsgr:sendim?sbycrosz'>
					<img id="yahooImg" src="http://opi.yahoo.com/online?u=sbycrosz&m=g&t=5" title="Kontak saya via Yahoo! Messenger"></a>
				</span>
				<span><b>Sam</b>&nbsp&nbsp+6281806787778</span>
			</span>
			&nbsp&nbsp&nbsp&nbsp&nbsp	
			<span id="contact-mail" style="float: left; width: 20%"><!--span class='ui-icon ui-icon-person' style="float: left"--></span>
				<span>
					<a href = 'ymsgr:sendim?antonia.kalisa'>
					<img id="yahooImg" src="http://opi.yahoo.com/online?u=antonia.kalisa&m=g&t=5" title="Kontak saya via Yahoo! Messenger"></a>
				</span>
				<span><b>Lisa</b>&nbsp&nbsp+628996995095</span>
			</span>
		</div>	
		
		<br />
		<br />
		
		<!--<hr />-->
		<div class ="hr"></div>
		
	</div>

<!-- FOOTER -->		
	
	
	<div id="sponsor" style="margin:0 auto; display: block; width: 85%; text-align: center;">
		<h2 style = "margin-top:-5px">Sponsored by :</h2>
		<div style="width:100%;"><img src="images/nokia-web.png" alt="" style="height: 100px; margin-top:-20px" /></div>
		<div style="width:50%; margin:0 auto">
			<img src="images/divusi.png" alt="" style="height: 50px; margin:0px 30px 0px 0px" />
			<img src="images/suitmedia.png" alt="" style="height: 35px; margin:0px 0px 0px 30px" />
		</div>
		<div style="width:50%; margin:30px auto">
			<img src="images/sangkuriang.png" alt="" style="height: 100px; margin:0px 30px 0px 0px" />
			<img src="images/tokibit.png" alt="" style="height: 100px; margin:0px 0px 0px 30px"/>
		</div>
		
	</div>
	
		
	<div style=" margin:0 auto; width: 800px; text-align: center;">
	
		<div class ="hr"></div>
		<h2 style = "margin-top:-5px; ">Organized by :</h2>
	</div>
		
	<div class="footer" style=" width: 800px;">
		<!--<br />-->
		
		
	
		<img id="ft_img_1" src="images/logo-itb.png" align="center" style="width: 100px">
		
		<div id="ft_txt">
			<div id="ft_txt_1">&copy; ITBPC 2011 Official Committee</div>
			<a href="http://stei.itb.ac.id/"><b>Program Studi Teknik Informatika</b> </a><br />
			Institut Teknologi Bandung<br />
			Gedung Benny Subianto<br />
			Jalan Ganesha 10, Bandung 40132<br />
		</div>

		
	</div>
	
	
	</body>

</html>
